<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    // const arr = [
    //   {
    //     a:1
    //   },
    //   {
    //     a:2
    //   },
    //   {
    //     a:3
    //   },
    //   {
    //     a:4
    //   },
    //   {
    //     a:5
    //   },
    //   {
    //     a:6
    //   },

    //   {
    //     a:7
    //   },
    //   {
    //     a:8
    //   },
    //   {
    //     a:9
    //   }
    // ]
    // arr.sort(function (a,b) {
    //   return b.a-a.a
    // })
    // console.log(arr)
    // var arr = 'a'
    // console.log(arr.split('|'))
  </script>
  <div class="app">
     <son @btnofson2="btnofparent"></son>
  </div>
  <script src="node_modules/vue/dist/vue.js"></script>
  <template id="tpl">
    <div>
      <button @click="btnofson1"></button>
    </div>
  </template>
  <script>
   


var bus = new Vue()

// 触发组件 A 中的事件
bus.$emit('id-selected', 1)

// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
  console.log(id)
})
  </script>




</body>
</html>